<template>
  <div class="geo-label-option">
    <tm-group :label="title">
      <el-form-item label="显示" style="width: 100%;">
        <el-switch v-model="data.show"/>
      </el-form-item>
      <el-form-item label="字体大小">
        <el-input-number v-model="data.fontSize"/>
      </el-form-item>
      <el-form-item label="颜色">
        <el-color-picker v-model="data.color"/>
      </el-form-item>
      <el-form-item label="粗细" style="width: 100%;">
        <tm-radio v-model="data.fontWeight" :data="fontWeightList"/>
      </el-form-item>
      <formatter-option :data="data"/>
    </tm-group>
  </div>
</template>

<script>
import tmRadio from "@/package/components/tm-radio";
import formatterOption from "@/package/options/chart/formatter-option"

export default {
  name: 'geo-label-option',
  cnName: 'geo-label-option',
  components: {
    tmRadio,
    formatterOption,
  },
  props: {
    title: String,
    data: Object
  },
  data() {
    return {
      fontWeightList: [
        {label: 'lighter', value: 'lighter'},
        {label: 'normal', value: 'normal'},
        {label: 'bold', value: 'bold'},
        {label: 'bolder', value: 'bolder'}
      ]
    }
  },
  methods: {}
}
</script>


